<template>
  <div>
    <div class="shebeiliebiao">
      <con-title :topTitle="topTitle"></con-title>
      <el-card class="box-card"
        ><el-form
          :model="ruleForm"
          status-icon
          :rules="rules"
          ref="ruleForm"
          label-width="100px"
          class="demo-ruleForm"
        >
          <el-form-item label="标签" prop="pass">
            <el-input
              type="password"
              autocomplete="off"
              style="width: 300px"
            ></el-input>
          </el-form-item>
          <el-form-item label="访问权限" prop="checkPass">
            <el-input
              type="password"
              autocomplete="off"
              style="width: 300px"
            ></el-input>
          </el-form-item>
          <el-form-item label="活动区域">
            <el-select placeholder="请选择活动区域" style="width: 250px">
              <el-option label="区域一" value="shanghai"></el-option>
              <el-option label="区域二" value="beijing"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="submitForm('ruleForm')"
              >确认</el-button
            >
            <el-button @click="resetForm('ruleForm')">取消</el-button>
          </el-form-item>
        </el-form></el-card
      >
    </div>
  </div>
</template>

<script>
import ConTitle from "@/components/ConTitle.vue";
export default {
  components: { ConTitle },
  name: "tianJia",
  data() {
    return {
      topTitle: {
        type: "子账号",
        text: "添加子账号",
        msg: "可添加当前组织的子账号，并为其分配权限",
      },
    };
  },
};
</script>

<style>
.shebeiliebiao {
  margin: 10px;
}
.box-card {
  margin-top: 10px;
}
</style>